<template>
    <div>
        <!-- 顶部 -->
        <van-nav-bar title="消息中心" fixed>
            <div class="left_arrow" @click="()=>{ $router.go(-1) }" slot="left">
                <van-icon name="arrow-left"/>
                <span>返回</span>
            </div>
        </van-nav-bar>
        <!-- 通知 -->
        <van-notice-bar
            text="打开系统通知,物流优惠等信息不错过..."
            left-icon="volume-o"
            :scrollable="true"
            speed="80"
        />
        <br>
        <div>
            <van-row>
                <van-col span="3">
                    <van-icon name="calender-o" size="2.8rem" badge="6" color="red"/>
                </van-col>
                <van-col span="20">
                    <span class="top">本周精选</span>
                    <p class="bottom">NB超级品牌日，全场低至2折起~</p>
                </van-col>
            </van-row>
            <van-divider dashed></van-divider>
            <van-row>
                <van-col span="3">
                    <van-icon name="service-o" size="2.8rem" color="skyblue"/>
                </van-col>
                <van-col span="20">
                    <span class="top">客服助手</span>
                    <p class="bottom">在线客服咨询时间为9:00-24:00</p>
                </van-col>
            </van-row>
        </div>
    </div>
</template>

<script>
export default {};
</script>

<style lang="less" scoped>
.van-notice-bar {
  margin-top: 46px;
}
.top {
  margin: 0 0 5px 5px;
}
.bottom {
  margin: 8px 0 5px 7px;
  font-size: 14px;
  color: gray;
}
</style>